<!DOCTYPE html>
<html lang="en">
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	<meta name="format-detection" content="telephone=no, email=no"/>
	<meta charset="UTF-8">
	<title>课程详情</title>
	<link rel="stylesheet" href="themes/css/core.css">
	<link rel="stylesheet" href="themes/css/icon.css">
	<link rel="stylesheet" href="themes/css/home.css">
	<link rel="icon" type="image/x-icon" href="favicon.ico">
	<link rel="stylesheet" type="text/css" href="themes/font/font-awesome/css/font-awesome.min.css">	
	<link href="iTunesArtwork@2x.png" sizes="114x114" rel="apple-touch-icon-precomposed">
	<style>
		.aui-fixed-top{
			padding-top: 0;
		}
		.m-button {
			padding: 0 0.24rem;
		}

		.btn-block {
			text-align: center;
			position: relative;
			border: none;
			pointer-events: auto;
			width: 100%;
			display: block;
			font-size: 1rem;
			height: 2.5rem;
			line-height: 2.5rem;
			margin-top: 0.5rem;
			border-radius: 3px;
		}

		.btn-primary {
			background-color: #04BE02;
			color: #FFF;
		}

		.btn-warning {
			background-color: #FFB400;
			color: #FFF;
		}
		.mask-black {
			background-color: rgba(0, 0, 0, 0.6);
			position: fixed;
			bottom: 0;
			right: 0;
			left: 0;
			top: 0;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			-webkit-justify-content: center;
			-ms-flex-pack: center;
			justify-content: center;
			-webkit-box-align: center;
			-webkit-align-items: center;
			-ms-flex-align: center;
			align-items: center;
			z-index:999;
		}
		.aui-product-title{
			/*margin-bottom: 8px;*/
			padding: 15px 25px 0 15px;
			color: #000;
		}
		.aui-real-price{
			padding: 10px;
    		line-height: 24px;
		}
		.aui-product-title h2{
			font-size: 18px;
		}
		.m-actionsheet {
			text-align: center;
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
			z-index: 1000;
			background-color: #EFEFF4;
			-webkit-transform: translate(0, 100%);
			transform: translate(0, 100%);
			-webkit-transition: -webkit-transform .3s;
			transition: -webkit-transform .3s;
			transition: transform .3s;
			transition: transform .3s, -webkit-transform .3s;
		}
		.actionsheet-toggle {
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
		}
		.actionsheet-item {
			display: block;
			position: relative;
			font-size: 0.8rem;
			color: #555;
			height: 2rem;
			line-height: 2rem;
			background-color: #FFF;
		}
		.actionsheet-item:after {
			content: '';
			position: absolute;
			z-index: 2;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 1px;
			border-bottom: 1px solid #D9D9D9;
			-webkit-transform: scaleY(0.5);
			transform: scaleY(0.5);
			-webkit-transform-origin: 0 100%;
			transform-origin: 0 100%;
		}
		.actionsheet-action {
			display: block;
			margin-top: .15rem;
			font-size: 0.8rem;
			color: #555;
			height:3rem;
			line-height: 3rem;
			background-color: #FFF;
			position:absolute;
			top:10px;
			right:0;
		}
		.aui-product-pages{
			padding-bottom: 15px;
		}
		.aui-product-pages-title h2{
			text-align: left;
		    padding:15px;
			font-size: 18px;
		}
		.basic-info-list__teachers-list{
		    padding: 0 15px;
		}
		.basic-info-list__teachers-list-item {
		    position: relative;
		    margin-top: 10px;
		    height: 205px;
		}
		.basic-info-list__teachers-list-mod {
		    position: absolute;
		    top: 35px;
		    border: 1px solid #ddd;
		    width: 100%;
		    height: 170px;
		}
		.basic-info-list__teachers-list-top {
		    overflow: hidden;
		    position: absolute;
		    top: -30px;
		    right: 50%;
		    padding: 0 10px 0 130px;
		    height: 100px;
		    background: #fff;
		    -webkit-transform: translateX(50%);
		    transform: translateX(50%);
		}
		.basic-info-list__teachers-list-item-info {
		    display: -webkit-box;
		    overflow: hidden;
		    -webkit-box-orient: vertical;
		    /*padding: 85px 24px 0;*/
		    margin: 85px 24px 0;
		    height: 66px;
		    font-size: 14px;
		    line-height: 22px;
		    white-space: pre-wrap;
		    text-overflow: ellipsis;
		    word-break: break-word;
		    color: #666;
		    -webkit-line-clamp: 3;
		}
		.basic-info-list__teachers-list-item-img {
		    overflow: hidden;
		    position: absolute;
		    top: 0;
		    left: 10px;
		    -webkit-border-radius: 50px;
		    border-radius: 50px;
		    width: 100px;
		    height: 100px;
		}
		.basic-info-list__teachers-list-item-name {
		    overflow: hidden;
		    padding-top: 17px;
		    width: 110px;
		    font-size: 18px;
		    line-height: 22px;
		    white-space: nowrap;
		    text-overflow: ellipsis;
		    word-break: break-all;
		    color: #333;
		}
		.basic-info-list__teachers-list-item-static {
		    padding-top: 7px;
		    font-size: 14px;
		    line-height: 14px;
		    color: #777;
		}
		/*课程详情*/
		.mod-di-content.z-more {
		    overflow-y: auto;
		    height: auto;
		    max-height: none;
		}
		.mod-di-content {
		    overflow: hidden;
		    padding-bottom: 12px;
		    max-height: 400px;
		    font-size: 14px;
		    line-height: 25px;
		    word-break: break-word;
		    color: #777;
		    padding: 0 15px;
		}
		.mod-di-content img {
		    display: inline-block;
		    min-width: 1px;
		    max-width: 100%;
		    line-height: 1;
		    vertical-align: top;
		}
		.aui-footer-product-concern-cart a{
			width: 50%;
		}
		.aui-f-p-icon .fa{
			font-size: 22px;
			color: #999999;
		}
		
		.num{
			position: absolute;
			top: -6px;
    		right: -10px;
			width: 16px;
			height: 16px;
			border-radius: 8px;
			color: #FFFFFF;
			background-color: #FC6248;
		}
		/*底部金额合计样式*/
		.foot-price{
			line-height: 47px;
		}
		.foot-price span{
			font-size: 16px;
			color: #FF5E53;
		}
		.aui-product-coupon .aui-address-cell-bd{
			width: 60px;
			font-size: 12px;
		}
	</style>
</head>
<body>
	<header class=" aui-header-fixed">
		<a href="javascript:history.back(-1)" class="aui-header-item">
			<i class="aui-icon aui-icon-back-white"></i>
		</a>
	</header>
	<div class="aui-banner-content aui-fixed-top" data-aui-slider>
		<script  type="text/html" id="bannerTmpl">			
			<div class="aui-banner-wrapper">		
				{{each}}
				<div class="aui-banner-wrapper-item">
					<a href="#">
						<img src="{{$value}}"  onerror="this.src=''">
					</a>
				</div>
				{{/each}}
			</div>
			<div class="aui-banner-pagination"></div>			
		</script>
	</div>
	
	<script  type="text/html" id="detailTmpl">
	<div class="aui-product-content">
		<div class="aui-product-title">
			<h2>
				{{course.courseName}}
			</h2>
		</div>
		
		<div class="aui-real-price clearfix">
			{{if course.activityPrice!=null}}
			<span>
				<i>￥</i>{{course.activityPrice | coursePriceFormat}}
			</span>
			<del><span class="aui-font-num">￥{{course.actualPrice | coursePriceFormat}}</span></del>
			<div class="aui-settle-choice">
				<span>活动价</span>
			</div>
			{{else}}
			<span>
				<i>￥</i>{{course.totalPrice | coursePriceFormat}}
			</span>
			{{/if}}
		</div>

		
		<!--活动图标-->
		<div class="aui-product-coupon">
				<a href="#" class="aui-address-cell aui-fl-arrow-clear">
					<div class="aui-address-cell-bd">上课日期：</div>
					<div class="aui-address-cell-ft">
						{{(course.courseStartDate!=null?course.courseStartDate.split(' ')[0]:"")}} 
						至 {{(course.courseEndDate!=null?course.courseEndDate.split(' ')[0]:"")}} 
					</div>
				</a>
				<a href="#" class="aui-address-cell aui-fl-arrow-clear">
					<div class="aui-address-cell-bd">上课课次：</div>
					<div class="aui-address-cell-ft">{{course.totalNumber}}</div>
				</a>
				<a href="#" class="aui-address-cell aui-fl-arrow-clear">
					<div class="aui-address-cell-bd">上课周期：</div>
					<div class="aui-address-cell-ft">{{course.coursePeriod}}</div>
				</a>
				<a href="#" class="aui-address-cell aui-fl-arrow-clear">
					<div class="aui-address-cell-bd">上课地点：</div>
					<div class="aui-address-cell-ft">{{course.campusName}}-{{course.detailAddr}}</div>
				</a>
				<a href="#" class="aui-address-cell aui-fl-arrow-clear">
					<div class="aui-address-cell-bd">上课时间：</div>
					<div class="aui-address-cell-ft">{{course.classStartTime}}-{{course.classEndTime}}</div>
				</a>
		</div>
		<div class="aui-dri"></div>
		<!--老师介绍-->
		<div class="aui-product-pages">
			<div class="aui-product-pages-title">
				<h2>老师介绍(2)</h2>
			</div>
			<div class="aui-product-pages-img">
				<ul class="basic-info-list__teachers-list">  
					{{if teacherMain!==null}}
					<li class="basic-info-list__teachers-list-item" data-id="767768747"> 
						<div class="basic-info-list__teachers-list-mod"> 
							<div class="basic-info-list__teachers-list-top"> 
								<div class="basic-info-list__teachers-list-item-img" aria-label="teacher face"> 
									<img src="{{teacherMain.teacherImg | imgFormat}}"   onerror="this.src='themes/img/pd/photo.jpg'">
								</div> 
								<p class="basic-info-list__teachers-list-item-name" aria-label="teacher name">{{teacherMain.truename}}</p>
								<p class="basic-info-list__teachers-list-item-static">讲师</p>
							</div> 
							<p class="basic-info-list__teachers-list-item-info" aria-label="teacher desc">{{teacherMain.teacherIntro}}</p> 
						</div> 
					</li>  
					{{/if}}
					{{if teacherHelp!==null}}
					<li class="basic-info-list__teachers-list-item" data-id="767768747"> 
						<div class="basic-info-list__teachers-list-mod"> 
							<div class="basic-info-list__teachers-list-top"> 
								<div class="basic-info-list__teachers-list-item-img" aria-label="teacher face"> 
									<img src="{{teacherHelp.teacherImg | imgFormat}}"   onerror="this.src='themes/img/pd/photo.jpg'">
								</div> 
								<p class="basic-info-list__teachers-list-item-name" aria-label="teacher name">{{teacherHelp.truename}}</p>
								<p class="basic-info-list__teachers-list-item-static">辅导老师</p>		
							</div> 
							<p class="basic-info-list__teachers-list-item-info" aria-label="teacher desc">{{teacherHelp.teacherIntro}}</p>							
												
						</div> 
					</li>
					{{/if}}
				</ul>	
			</div>
		</div>	
		
		<div class="aui-dri"></div>
		<!--课程详情-->
		<div class="aui-product-pages">
			<div class="aui-product-pages-title">
				<h2>课程详情</h2>
			</div>
			<div class="mod-di-content z-more">
				{{course.courseInfo}}
			</div>
		</div>
	</div>
	</script>
	
	<footer class="aui-footer-product">
		<div class="aui-footer-product-fixed">
			<div class="aui-footer-product-concern-cart">
				<a href="index.html">
					<span class="aui-f-p-icon"><i class="fa fa-home"></i></span>
					<span class="aui-f-p-focus-info">首页</span>
				</a>
				<a href="car.html">
					<span class="aui-f-p-icon">
						<i class="fa fa-shopping-cart"></i>
						<i class="num">0</i>
					</span>
					<span class="aui-f-p-focus-info">购物车</span>
				</a>				
			</div>
			<div class="aui-footer-product-action-list">
				<a href="javascript:shoppingCart();" style="width: 100%;" class="yellow-color">加入购物车</a>
				<!--<a href="javascript:buy();" class="red-color">立即购买</a>-->
			</div>
		</div>
	</footer>

	<script src="themes/js/jquery.min.js"></script>
	<script src="themes/js/aui.js"></script>
	<script type="text/javascript" src="themes/js/ajax-util.js"></script>		
	<script type="text/javascript" src="themes/js/Feng.js"></script>	
	<script type="text/javascript" src="themes/plugin/numeral/numeral.min.js"></script>	
	<script type="text/javascript" src="themes/plugin/artTemplate/template.js"></script>	
	<script type="text/javascript" src="themes/plugin/layer/layer.js"></script>	
	<script src="themes/js/common.js"></script>
	<script src="static/product/product.js"></script>
</body>
</html>